<template>
  <div class="login-wrapper">
    <!--    <div v-if="site_tag==='jtt'" style="color: red;font-size: 20px;position: fixed;top:5%;text-align: center;width: 100%">因系统升级改造，系统将于近期暂停服务，给您带来的不便敬请谅解！</div>-->
    <!--    <login-header v-if="site_tag==='jt'" />-->
    <div class="login-container">
      <div class="title-container">
        <!--        <h1 class="title margin-no">登录到</h1>-->
        <h1 class="title">
          <!-- <img
          v-if="site_tag==='jt'"
          width="55"
          height="55"
          class="logo"
          style="margin-right: 10px"
          src="/jt-logo.png"
          alt="logo"
        > -->
          {{ company_name }}
        </h1>
        <h1 class="title">{{ site_name }}</h1>
        <login :loginType="loginType" v-if="type === 'login' && loginType !== undefined" />

        <!--        <div class="sub-title">-->
        <!--          <p class="tip">{{ type == 'register' ? '已有账号?' : '没有账号吗?' }}</p>-->
        <!--          <p class="tip" @click="switchType(type == 'register' ? 'login' : 'register')">-->
        <!--            {{ type == 'register' ? '登录' : '注册新账号' }}-->
        <!--          </p>-->
        <!--        </div>-->
        <t-tag theme="primary" size="large" variant="light" style="margin-bottom: 20px">遇到问题？联系电话: 15387912286 </t-tag>
        <!-- <t-tag theme="primary" size="large" variant="light" style="margin-bottom: 20px">技术支持：江西交通行业数字化转型促进中心 </t-tag> -->
        <login-wave></login-wave>
      </div>

      <!--      <register v-else @register-success="switchType('login')" />-->
      <!--      <tdesign-setting />-->
      <!--           <div style="flex: 1;width: 60%;height: 100%;margin-top: 10px;">-->
      <!--             <t-row  style="height: 100%" :gutter="14" align="stretch">-->
      <!--               <t-col :span="6">-->
      <!--                 <t-card v-if="site_tag === 'jt'"  header-bordered size="small" >-->
      <!--                   <template #title>-->
      <!--                     <a>通知公告</a>-->
      <!--                   </template>-->
      <!--&lt;!&ndash;                   <template #actions>&ndash;&gt;-->
      <!--&lt;!&ndash;                     <a>更多</a>&ndash;&gt;-->
      <!--&lt;!&ndash;                   </template>&ndash;&gt;-->
      <!--                   <template  #content >-->
      <!--                     <t-list  style="height: 300px;overflow-y: scroll" :split="true" size="small">-->
      <!--                       <t-list-item v-for="(item,index) in noticeData" :key="index">-->
      <!--                         <a  @click="handleDownload(item.fullFilePath)">{{item.businessName}}</a>-->
      <!--                         <template #action>{{item.createTime?.substr(0,10)}}</template>-->
      <!--&lt;!&ndash;                         <div style="display: flex;justify-content: space-between">&ndash;&gt;-->
      <!--&lt;!&ndash;                           <a  @click="handleDownload(item.fullFilePath)">{{item.businessName}}</a>&ndash;&gt;-->
      <!--&lt;!&ndash;                           <div style="min-width: 100px;display: flex;justify-content: flex-end;">{{item.createTime?.substr(0,10)}}</div>&ndash;&gt;-->
      <!--&lt;!&ndash;                         </div>&ndash;&gt;-->
      <!--                       </t-list-item>-->
      <!--                     </t-list>-->
      <!--                   </template>-->

      <!--                 </t-card>-->
      <!--               </t-col>-->
      <!--               <t-col :span="6">-->
      <!--                 <t-card v-if="site_tag === 'jt'"   header-bordered size="small" >-->
      <!--                   <template #title>-->
      <!--                     <a>相关附件</a>-->
      <!--                   </template>-->
      <!--&lt;!&ndash;                   <template #actions>&ndash;&gt;-->
      <!--&lt;!&ndash;                     <a>更多</a>&ndash;&gt;-->
      <!--&lt;!&ndash;                   </template>&ndash;&gt;-->
      <!--                   <template  #content >-->
      <!--                     <t-list  style="height: 300px;overflow-y: scroll" :split="true" size="small">-->
      <!--                       <t-list-item v-for="(item,index) in fileList" :key="index">-->
      <!--                         <a  @click="handleDownload(item.url)">{{item.name}}</a>-->
      <!--                       </t-list-item>-->
      <!--                     </t-list>-->
      <!--                   </template>-->

      <!--                 </t-card>-->
      <!--               </t-col>-->
      <!--             </t-row>-->
      <!--           </div>-->
    </div>

    <!--    <footer class="copyright">Copyright @ 2021-2022 Tencent. All Rights Reserved</footer>-->
  </div>
</template>
<script>
import Login from './components/components-login.vue';
import LoginWave from "./components/LoginWave.vue"

// import Register from './components/components-register.vue';
// import LoginHeader from './components/components-header.vue';
// import TdesignSetting from '@/layouts/setting.vue';

export default {
  name: 'LoginIndex',
  components: {
    LoginWave,
    // LoginHeader,
    Login,
    // Register,
    // TdesignSetting,
  },
  data () {
    return {
      company_name: import.meta.env.VITE_COMPANY_NAME,
      site_name: import.meta.env.VITE_SITE_NAME,
      site_tag: import.meta.env.VITE_SITE_TAG,
      loginType: "password",
      type: 'login',
      noticeData: [],
      fileList: [
        {
          name: "江西省交通投资集团有限责任公司科技创新管理办法（试行）.pdf",
          url: "http://60.204.134.246/view/file/附件1：江西省交通投资集团有限责任公司科技创新管理办法（试行）.pdf"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目建议书.doc",
          url: "http://60.204.134.246/view/file/附件1：江西省交通投资集团有限责任公司科技项目建议书.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目研究工作大纲.doc",
          url: "http://60.204.134.246/view/file/附件2：江西省交通投资集团有限责任公司科技项目研究工作大纲.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目研究工作大纲评审意见.doc",
          url: "http://60.204.134.246/view/file/附件3：江西省交通投资集团有限责任公司科技项目研究工作大纲评审意见.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目任务书（合同）.doc",
          url: "http://60.204.134.246/view/file/附件4：江西省交通投资集团有限责任公司科技项目任务书（合同）.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目变更申请表.doc",
          url: "http://60.204.134.246/view/file/附件5：江西省交通投资集团有限责任公司科技项目变更申请表.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目执行情况报告.doc",
          url: "http://60.204.134.246/view/file/附件6：江西省交通投资集团有限责任公司科技项目执行情况报告.doc"
        }, {
          name: "江西省交通投资集团有限责任公司科技项目验收申请书.doc",
          url: "http://60.204.134.246/view/file/附件7：江西省交通投资集团有限责任公司科技项目验收申请书.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目验收意见书.doc",
          url: "http://60.204.134.246/view/file/附件8：江西省交通投资集团有限责任公司科技项目验收意见书.doc"
        },
        {
          name: "江西省交通投资集团有限责任公司科技项目管理相关表格.rar",
          url: "http://60.204.134.246/view/file/江西省交通投资集团有限责任公司科技项目管理相关表格.rar"
        },
        {
          name: "江西省交通投资集团关于组织申报2022年科技创新奖励的通知.pdf",
          url: "http://60.204.134.246/view/file/省交通投资集团关于组织申报2022年科技创新奖励的通知.pdf"
        },
        {
          name: "江西省交通投资集团有限责任公司关于组织开展2022年度科技项目申报工作的通知.pdf",
          url: "http://60.204.134.246/view/file/省交通投资集团有限责任公司关于组织开展2022年度科技项目申报工作的通知.pdf"
        },
      ]
    };
  },
  created () {
    // this.getNoticeList();
  },
  methods: {
    getNoticeList () {
      this.$api.system.workbench.getNoticeList().then(response => {
        this.noticeData = response.data;
      }).catch((e) => {
        this.$message.error(e.toString());
      });
    },
    handleDownload (url) {
      const data = url.split("/")
      this.$download(url, {}, data[data.length - 1])
    },
    switchType (val) {
      this.type = val;
    },
  },
};
</script>
<style lang="less">
@import url('./index.less');
</style>
